<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:replace="commons::common_header"><!-- 引入头文件 -->
</head>
<body onLoad="onLoad()">
<link rel="stylesheet" th:href="@{/static/css/zTreeStyle.css}"/>
<link rel="stylesheet" th:href="@{/static/css/jquery-ui.min.css}"/>
<link rel="stylesheet" th:href="@{/static/css/jquery-ui-1.10.4.custom.css}"/>
<link rel="stylesheet" th:href="@{/static/css/bootstrap-datetimepicker.css}"/>
<link rel="stylesheet" th:href="@{/static/css/bootstrap-select.min.css}"/>
<nav th:replace="commons::common_nav"></nav><!-- 引入导航栏 -->
<div th:replace="commons::common_pwdmodal"></div><!-- 引入密码修改框 -->
<!--    地图工具视图    -->
<div class="container" style="width: 1500px; margin-top: 20px; margin-left: 2%">
    <div class="row">
        <div class="col-md-5">
            经度：<input id="lng" type="text" value="112.2397" style="width:120px"/>&nbsp;&nbsp;
            纬度：<input id="lat" type="text" value="30.3252" style="width:120px"/>
            <button type="button" class="btn btn-default btn-sm" onClick="setCenterAndZoom()">定位</button>
            <button id="pointButton" type="button" class="btn btn-info btn-sm" onClick="addMapClick()">点击获取坐标
            </button>
        </div>
        <div class="col-md-3">
            搜索：<input type="text" id="keyWord" value="荆州市"/>
            <button type="button" class="btn btn-default btn-sm" onclick="search();">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
            </button>
        </div>
        <div class="col-md-4" style="margin-right: 0px;">
            <label for="envTypeFilter" class="control-label">环境要素：</label>
            <select id="envTypeFilter" name="envTypeFilter" class="selectpicker" multiple
                    data-none-selected-text="请选择类别">
                <option value="1" selected>大气</option>
                <option value="2" selected>地表水</option>
                <option value="3" selected>地下水</option>
                <option value="4" selected>土壤（建设项目）</option>
                <option value="5" selected>土壤（农用地）</option>
            </select>
            <button id="loadTagButton" type="button" class="btn btn-success btn-sm" onClick="loadAllTags()">加载标记点
            </button>
            <button id="removeTagButton" type="button" class="btn btn-danger btn-sm" onClick="removeAllTags()">
                移除标记点
            </button>
        </div>
    </div>
    <br/>
    <div id="mapDiv" class="panel panel-default" style="position:absolute; width: 95%; height: 82%;"></div>
</div>

<!--    环境详情    -->
<div class="modal fade" id="envDialog" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true"
     data-backdrop="static">
    <div class="modal-dialog" style="width: 1000px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="machineModal">标记详情</h4>
            </div>
            <form class="form-horizontal" id="macinfoget" name="macinfoget"
                  role="form" method="post" enctype="multipart/form-data">
                <div class="modal-body col-md-12">
                    <!-- 第一列 -->
                    <div class="col-md-6">
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="projectName" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">项目名称：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="projectName"
                                       name="projectName">
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="projectNumber" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">项目号：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="projectNumber"
                                       name="projectNumber">
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="testOrganize" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">检测机构名称：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="testOrganize"
                                       name="testOrganize">
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="testTime" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">采样时间：</label>
                            <div class="col-md-8 input-group date form_datetime"
                                 style="padding-left: 0px">
                                <input type="text" class="form-control " id="testTime"
                                       name="testTime" readonly placeholder="请选择时间">
                                <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
									</span>
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="envType" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">环境要素类别：</label>
                            <div class="btn-group col-md-8" style="padding-left: 0px;">
                                <!--suppress ALL-->
                                <select id="envType" name="envType" class="selectpicker" multiple
                                        data-none-selected-text="请选择类别">
                                    <option value="1">大气</option>
                                    <option value="2">地表水</option>
                                    <option value="3">地下水</option>
                                    <option value="4">土壤（建设项目）</option>
                                    <option value="5">土壤（农用地）</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="testPointName" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">检测点名称：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="testPointName"
                                       name="testPointName">
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="testPointLng" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">检测点经度：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="testPointLng"
                                       name="testPointLng">
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="testPointLat" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">检测点纬度：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="testPointLat"
                                       name="testPointLat">
                            </div>
                        </div>
                    </div>
                    <!--第二列-->
                    <div class="col-md-6">
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="testItem" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">检测项目：</label>
                            <div class="col-md-8" style="padding-left: 0px">
									<textarea id="testItem" name="testItem" rows="3" cols="100"
                                              maxlength="500" style="overflow: scroll; resize: none;"
                                              class="col-md-12"></textarea>
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="testValue" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">检测值：</label>
                            <div class="col-md-8" style="padding-left: 0px">
									<textarea id="testValue" name="testItem" rows="4" cols="100"
                                              maxlength="500" wrap="off"
                                              style="overflow: scroll; resize: none;" class="col-md-12"></textarea>
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="dailyValue" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">日均值：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="dailyValue"
                                       name="dailyValue">
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="protectLevel" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">对应保护级别限值：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="protectLevel"
                                       name="protectLevel">
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="status" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">达标情况：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="status"
                                       name="status">
                            </div>
                        </div>
                        <div class="form-group" style="margin-right: 0px;">
                            <label for="overTimes" class="col-md-4 control-label"
                                   style="padding-left: 0px; padding-right: 5%;">超标倍数：</label>
                            <div class="col-md-8" style="padding-left: 0px">
                                <input type="text" class="form-control " id="overTimes"
                                       name="overTimes">
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="saveinfo()">保存</button>
                <button type="button" class="btn btn-danger" onclick="deleteinfo()">删除</button>
                <button type="button" class="btn btn-default" onclick="closeinfo()">返回</button>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/static/js/common.js}"></script>
<script th:src="@{/static/js/jquery-ui.min.js}"></script>
<script th:src="@{/static/js/jquery.ztree.all-3.5.min.js}"></script>
<script th:src="@{/static/js/bootstrap-datetimepicker.js}"></script>
<script th:src="@{/static/js/bootstrap-datetimepicker.zh-CN.js}"></script>
<script th:src="@{/static/js/bootstrap-select.min.js}"></script>
<!-- 天地图api引用 -->
<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=ef749a42c8eabfe0f95e5e46e9dad87c" type="text/javascript"></script>
<script th:src="@{/static/js/tdt.js}"></script>
</body>
</html>
